<!DOCTYPE html>
<html class="loginHtml">
<head>
	<meta charset="utf-8">
	<title>登录--layui后台管理模板 2.0</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" href="../favicon.ico">
	<link rel="stylesheet" href="public/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="public/css/public.css" media="all" />

	<style>
		.layui-div {
			padding: 0 20px;
			width: 300px;
			height: 335px;
			position: absolute;
			left: 50%;
			top: 50%;
			margin: -150px 0 0 -150px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			background: #fff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0 0 50px #009688;
		}
	</style>

</head>
<body class="loginBody">


<div class="layui-div" style="padding: 10px 20px;">
	<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
		<ul class="layui-tab-title" style="display: flex;justify-content: space-around;">
			<li class="layui-this">用户名密码</li>
			<li>手机短信登录</li>
		</ul>
		<div class="layui-tab-content" style="height: 200px;">
			<!--<div class="login_face"><img src="../../images/face.jpg" class="userAvatar"></div>-->
			<div class="layui-tab-item layui-show">
				<form class="layui-form" lay-filter="login">
					<div class="layui-form-item input-item">
						<label for="userName">用户名</label>
						<input type="text" placeholder="请输入用户名" name="username" autocomplete="off" id="userName" class="layui-input" lay-verify="required">
					</div>
					<div class="layui-form-item input-item">
						<label for="password">密码</label>
						<input type="password" placeholder="请输入密码" name="password" autocomplete="off" id="password" class="layui-input" lay-verify="required">
					</div>
					<div class="layui-form-item input-item" id="imgCode">
						<label for="code">验证码</label>
						<input type="text" placeholder="请输入验证码" name="captcha"  autocomplete="off" id="code" class="layui-input" lay-verify="required">
						<!--<img src="public/images/code.jpg">-->
						<img id="img-code" src="/login/captcha">
					</div>
					<div class="layui-form-item">
						<button class="layui-btn layui-block" lay-filter="login" lay-submit>登录</button>
					</div>
				</form>
			</div>
			<div class="layui-tab-item">
				<div class="layui-tab-item layui-show">
					<form class="layui-form" lay-filter="mobileform" style="margin-top: 30px">
					<div class="layui-form-item input-item">
						<label for="userName">手机号</label>
						<input type="text" placeholder="请输入手机号" name="mobile" autocomplete="off" id="mobile" class="layui-input" lay-verify="required">
					</div>
					<div class="layui-form-item input-item" style="display: flex;">
						<label for="code">验证码</label>
						<input type="text" placeholder="请输入验证码" name="mobileCapcha"  autocomplete="off" id="mobileCapcha" class="layui-input" lay-verify="required">
						<!--<button class="layui-btn" style="width: 50%;padding: 0 18px;" lay-submit lay-filter="getmobileCapcha">获取验证码</button>-->
						<button id="getmobileCapcha" type="button" class="layui-btn" style="width: 50%;padding: 0 18px;">获取验证码</button>
					</div>
					<div class="layui-form-item">
						<button class="layui-btn layui-block submit" lay-filter="mobilelogin" lay-submit>登录</button>
					</div>
					</form>
				</div>
			</div>
		</div>
	</div>

			<div class="layui-form-item layui-row">
			<a href="javascript:;" class="seraph icon-qq layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4"></a>
			<a href="javascript:;" class="seraph icon-wechat layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4"></a>
			<a href="javascript:;" class="seraph icon-sina layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4"></a>
		</div>
	</div>


	<script type="text/javascript" src="public/layui/layui.js"></script>
	<script type="text/javascript" src="public/js/login/login.js"></script>
	<script type="text/javascript" src="public/js/cache.js"></script>
</body>
</html>